<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题 -->
    <title>课程计划表</title>
</head>
<body>
    <!-- 
        table 表格标签
        1.border 属性       设置表格边框的宽度
        2.cellspacing 属性  设置单元格之间的距离
        3.cellpadding 属性  设置单元格内文本与边框的距离

        tr  行标签

        th  表头标签
        td  单元格标签
        1.colspan属性  一行跨多列
        2.rowspan属性  一列跨多行
    -->
    <table border="1px" cellspacing="0" cellpadding="10px">
        <caption align="top">课程计划表</caption>
        <tr>
            <th rowspan="3">课表</th>
            <th colspan="5" align="center">上课</th>
            <th colspan="2" align="center">休息</th>
        </tr>
        <tr>
            <th>星期一</th>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>
        <tr>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>休息</td>
            <td>休息</td>
        </tr>
       

    </table>
</body>
</html>    